<html>
    <head>
        <title>Search</title>
		<!-- .Willflow iPhone SDK -->
		<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
		<link rel="stylesheet" href="../../src/wf-iphone/iphone.css" />
		<script type="text/javascript" src="../../src/mootools/mootools-core.js"></script>
		<script type="text/javascript" src="../../src/wf-iphone/iphone.js"></script>
    </head>
    <body>
    	<form wf_type="searchbar" method="get" action="search.html">
    		<input type="text" name="query"></input>
			<input type="submit" name="search" value="Search"></input>
    	</form>
        <table wf_style="fullscreen" fit_order="0,1">
        <tbody>
            <tr>
            	<td><img src="restaurant_1.jpg"></img></td>
            	<td>
            		<a href="restaurant_1.html">
	                    <div><b>Cafe Union</b></div>
	                    <div>Western Food</div>
	                </a>
				</td>
			</tr>
            <tr>
            	<td><img src="restaurant_2.jpg"></img></td>
            	<td>
            		<a href="restaurant_2.html">
	                    <div><b>Kiyotaki</b><br/></div>
	                    <div>Japanese Food</div>
	                </a>
				</td>
			</tr>
            <tr>
            	<td><img src="restaurant_3.jpg"></img></td>
            	<td>
            		<a href="restaurant_3.html">
	                    <div><b>Pizza Milano</b><br/></div>
	                    <div>Italian Food</div>
	                </a>
				</td>
			</tr>
            <tr>
            	<td><img src="restaurant_4.jpg"></img></td>
            	<td>
            		<a href="restaurant_4.html">
	                    <div><b>Little Italy</b></div>
	                    <div>Italian Food</div>
	                </a>
				</td>
			</tr>
        </tbody>
        </table>
    </body>
	<script>
		window.addEvent("load", function() {
			WF.initIPhone();
		});
	</script>
</html>
